import Vue from "vue";
import VeeValidate from 'vee-validate';

import zh_CN from 'vee-validate/dist/locale/zh_CN'   // 引入中文 message
Vue.use(VeeValidate)

VeeValidate.Validator.localize('zh_CN', {
    messages: {
        ...zh_CN.messages,
        is: (field) => `${field}必须与密码相同` // 修改内置规则的 message，让确认密码和密码相同
    },
    attributes: { // 给校验的 field 属性名映射中文名称
        phone: '手机号',
        code: '验证码',
        password: '密码',
        password1: '确认密码',
        isCheck: '协议'
    }
})
//自定义校验规则
//定义协议必须打勾同意
VeeValidate.Validator.extend('agree', {
    validate: value => {
        return value
    },
    getMessage: field => field + '必须同意'
});




// <input
//           placeholder="请输入你的手机号"
//           v-model="phone"
//           name="phone"
//           v-validate="{ required: true, regex: /^1\d{10}$/ }"
//           :class="{ invalid: errors.has('phone') }"
//         />
// <span class="error-msg">{{ errors.first("phone") }}</span>

// const success = await this.$validator.validateAll(); //全部表单验证